<template>
  <div class="box">
    <el-card>
      <div class="content">
        <el-table
          :data="tableData"
          style="width: 100%; border-radius: 10px; height: 815px"
          border
        >
          <el-table-column type="selection" width="116" align="center" />
          <el-table-column prop="index" label="序号" align="center" width="116">
          </el-table-column>
          <el-table-column prop="roadname" label="项目名称" align="center">
          </el-table-column>
          <el-table-column prop="street" label="建安总投资" align="center">
          </el-table-column>
          <el-table-column prop="height" label="？" align="center">
          </el-table-column>
          <el-table-column prop="width" label="百分比" align="center">
          </el-table-column>
          <el-table-column prop="width" label="操作" align="center">
            <template slot-scope="scope">
              <el-button
                size="mini"
                @click="handleEdit(scope.$index, scope.row)"
                >查看</el-button
              >
              <el-button
                size="mini"
                type="danger"
                @click="handleDelete(scope.$index, scope.row)"
                >删除</el-button
              >
            </template>
          </el-table-column>
        </el-table>
      </div>
    </el-card>
  </div>
</template>
<script>
export default {
  data() {
    return {
      tableData: [
        {
          index: "1",
          roadname: "城市主干道",
        },
      ],
    };
  },
  methods: {
    handleEdit(index, row) {
      //   console.log(index, row);
      this.$router.push("/project");
    },
    handleDelete(index, row) {
      console.log(index, row);
    },
  },
};
</script>
<style lang="scss" scoped>
// .box {
// }
</style>
